<div class="select-lessee-container">
  <header class="select-lessee-header">
    <span>选择租户</span>

    <span class="new-close icon icon-remove-circle"></span>
  </header>

  <nav class="select-lessee-nav">
    <form action="#" method="get" class="form-inline">
      <div class="form-group">
        <label for="lessee-type">租户角色:</label>
        <select name="lessee-type" class="form-control" id="lessee-type"></select>
      </div>
      <div class="form-group">
        <label for="lessee-selector"></label>
        <input type="text" id="lessee-selector" class="form-control" placeholder="请输入租户或租户编号"/>
      </div>
      <div class="form-group">
        <label for="lessee-submit"></label>
        <button id="lessee-submit" class="btn btn-primary">查询</button>
      </div>
    </form>
  </nav>
  <div class="table-container">
    <table id="lessee-table" class="table table-no-bordered"
           data-search="false"
           data-striped="true"
           data-query-params="myQueryParams"
           data-page-list="[8, 16, 30, 100, ALL]"
           data-side-pagination="server"
           data-pagination="true"
           data-id-field="id"
           data-response-handler="responseHandler"
           data-show-footer="false">
      <thead>
      <tr>
        <th data-field="id" data-align="center" data-valign="middle">序号</th>
        <th data-field="userCode" data-align="center" data-valign="middle">租户编号</th>
        <th data-field="userName" data-align="center" data-valign="middle">租户</th>
        <th data-field="legal" data-align="center" data-valign="middle">法人代表</th>
      </tr>
      </thead>
    </table>
  </div>
</div>